div{ margin: 0;  padding: 0;}
li{  list-style: none;}
a{  text-decoration: none;}
#clearfloat:after{
  content: "";
  display: block; 
  clear: both;
}

.home{
  width: 100%;
  min-height: 800px;  
  background:url(../img/bg.png) no-repeat center/cover;
}
/* 头部 */
/*搜素栏部分 */
#search_wrap{
  border: 1px solid red;
  width: 100%;
  height: 111px;
  background-color: #fff;
}
.search{
  margin: 0 auto;
  width: 1190px;
  height: 111px; 
  /* border:1px solid red; */
  display: block;
}
.s_logo{  
  width: 87px;
  margin-top: 28px;
  margin-left: 75px;
  float: left;  
}
.s_logo img{
  width: 87px;
  height: 53px;
}
.s_search{  
  margin-top: 36px;
  margin-left: 86px; 
  width: 630px;
  height: 40px;
  border-radius: 20px 21px 21px 20px;
  border:1px solid #fe0137;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  line-height: 40px;
}
.s_search input{
  width: 540px;
  border-radius: 20px;
  font-size: 12px;
  padding-left: 16px;
  border:none;
  outline: none;
  color:000;  
  height: 42px;
 line-height: 42px;  
}
.s_btn{
  width: 90px;
  height: 40px;
  background-color: #fe0137;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

/* 主体部分*/
.home_body{
  background-color: #fff;
  width: 1190px;
  min-height: 1280px;
  margin: 0 auto 100px;
  display: flex;
  border-radius: 18px;
  box-sizing: border-box;
}
.home_body_wrap{
  padding-left: 15px;
 
}
.body_nav h2{
  width: 64px;
  height: 24px;  
  font-size: 16px;
  color: #fe0137;
  float: left;
}
.body_nav a:hover{
  color: red;
}
.body_nav_right{  
  float: right;
  box-sizing: border-box;
  /* border:1px solid blue; */
  width: 940px;
  height: 35px;  
  line-height: 35px; 
  display: flex;
}
.body_nav_right img{
width: 100px;
margin-right: 16px;
}
.body_nav_right a{
  margin-top: 5px;
  /* border:1px solid red; */
  height: 35px;
  line-height: 35px;
  /* display:inline-block;  */
  margin-right: 16px;
  font-size: 14px;
  color: #000;  
}


.body_content{
  height: 533px;
  width: 100%;
}
.body_content_l{
  float: left;  
  width: 212px;
  overflow: hidden;
  /* border:1px solid red; */
}
.body_content_l div{
  width: 100%;
  display: block;
  height: 32px;
  /* border:1px solid blue; */
  position: relative;
  color: #666;
  line-height: 32px;
  font-size: 14px;
}
.body_content_l div span:nth-of-type(1){
  margin-left: 6px;
  margin-right: 13px;
}
.body_content_l div a{
  color: #666;
}

/* 轮播图区域slideshow */

.body_content_c{
  /* margin-top: 14px; */
  margin-left: 23px;
  width: 520px;
  overflow: hidden;
  float: left;
  /* border:1px solid pink; */
}
.slideshow_top{
  width: 520px;
  height: 270px;
  border-radius: 12px;
  background-color: #ebebeb;
  position: relative;
  /* border:1px solid brown; */
}

.slieshow_buttom{
  margin-top: 33px;
  width: 520px;
  height: 206px;
  position: relative;
  border-radius: 12px;
 
}
.slideshow_top img{
  width: 520px;
  height: 270px;
}
/* 轮播图右边用户信息 */
.body_content_right{
  float:left;
  margin: 0 0 0 15px;
  width: 384px;
  height: 518px;
  border: 12px;
  background-color: #f3f3f3;
  overflow: hidden;
  border-radius: 12px;
}
.user_message{
  width: 384px;
  height: 126px; 
}
.user_message .tx{
  border-radius: 50%;
}
.user_message div{
  margin: 20px auto 0;
  width: 80px;
  height: 106px;
}
.user_message span{
   margin-left: 10px; 
  text-align: center;
}

.user_message .pic{
  width: 356px;
  height: 141px; 
}
 .pic div{
  margin-top: 17px;
  margin-left: 14px;
  width: 356px;
  height: 141px; 
}

.announcement{
  box-sizing: border-box;
  width: 370px;
  height: 106px;
  margin-left: 14px;
  margin-top: 27px;
}
.announcement div{
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  margin-bottom: 12px;
}
.announcement div span:nth-of-type(1){
  font-weight: 700;
  margin-right: 6px;
  color: #000; 
}
.announcement ul{
  width: 200px;
  /* border: 1px solid red; */
  padding-left: 0;
}

.announcement ul li span:nth-of-type(1){ 
 
  color: #fe0137;
  font-size: 12px;
  /* padding: 3px 4px ; */
  border-radius: 2px;
  margin-right: 4px;
 
}
.announcement ul li span:nth-of-type(2){
  font-size: 12px;
  color: #666;
}

.user_mess{
  margin: 10px 23px 0 23px;
  display: block;
  width: 100%;
  overflow: hidden;
  color:#333;
}
.user_mess a{
  color:#333;
}
.user_mess>div{
  float: left;
  margin-right: 34px;
}
.user_mess>div div{
  font-size: 12px;
}
.user_mess span{
  font-size: 30px;
  margin-left: 15px;
}
.user_mess span:nth-of-type(1){
  padding-bottom: 5px;
}
/* 天猫超市 */
.supermarket{
  margin-top: 14px;
}
.supermarket_con{
  margin-top: 18px;
  display: block;
   width: 100%;  
}
.supermarket_li{  
  width: 218px;
  height: 304px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 13px;
  border: 2px solid #add182;
  border-radius: 20px;
  margin-top: 5px;
}

.supermarket_li img{
 
  width: 220px;
  height: 220px;
  border-radius: 18px;
}
.supermarket_li p{
  
  margin-top: 11px;
  font-size: 16px;
  font-weight: 500;
  height: 22px;
  line-height: 22px;
  width: 208px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}
.supermarket_li span{  
 
  font-size: 20px;
  line-height: 24px;
  height: 24px;
  color: #ff5000;
}

/* -------footer------- */

/* 大轮播图样式 */
html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }

      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
      }
      
      .slideshow_top img{
        width: 520px;
        height: 270px;
      }
      .slieshow_buttom img{
        height: 207px;
        width: 227px;
      }

      /* ---- */
      
/*去掉默认样式*/
.swiper-button-prev:after{
  display: none;
}
.swiper-button-next:after{
  display: none;
}
/*自定义样式*/
.swiper-button-prev{
  width: 54px;
  height: 54px;
  background: url('../img/prev.webp') no-repeat;
  left: -20px;
}

.swiper-button-next{
  width: 54px;
  height: 54px;
  background:url('../img/next.webp') no-repeat;
  right: -20px;

}
